Android

Android Webview和js交互

文章目录

  1. 1. js代码调用Android中的方法
  2. 2. Android代码调用js方法
  3. 3. JAVA和JS交互注意事项

有时我们有这样的需求：需要从app的网页中点击调用软件内部的页面，又或者是软件内部调用网页的js方法。

js代码调用Android中的方法

addJavascriptInterface方法有两个参数：
第一个参数就是我们一般会实现一个自己的类，类里面提供我们要提供给javascript访问的方法；
第二个参数是访问我们在obj中声明的方法时候所用到的js对象；
调用模式为window.interfaceName.方法名()或者是javascript: interfaceName.方法名() 。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
//启用webview对javascript支持
webview.getSettings().setJavaScriptEnabled(true);
webview.addJavascriptInterface(new WebAppInterface(this), "android");
//接口名称自定义
public class WebAppInterface {
	Context mContext;
	WebAppInterface(Context c) {
	    mContext = c;
	}
	//参数名这个自己定义，和网页js传参对应即可
	@JavascriptInterface
	public void show(String url) {
	   //这里就进行软件内部处理了，
	}
}

在网页中进行js调用

1
<a onClick="window.android.show('传参')" />

Android代码调用js方法

很简单通过WebView的loadUrl方法去调用的就行、只是改变下参数url的写法

1
2
3
4
// 无参数调用
webView.loadUrl("javascript:androidtojs()");
// 传递参数调用
webView.loadUrl("javascript:androidtojsargs("传参")");

在网页中创建js方法

1
2
3
4
5
6
7
8
9
<script type="text/javascript">
function androidtojs(){
	 //自己实现处理
}
function androidtojsargs(arg){
	//自己实现处理
}
</script>

JAVA和JS交互注意事项

1、尽量用js调用Android方法：

  • Android调用js里面的函数的效率远远低于js调用Android
  • Android调用js的函数，没有返回值，调用了就控制不到了

2、Js调用Android的方法，返回值如果是native字符串，必须使用toLocaleString()转成locale的才能正常使用，但是有的耗时
3、网页中尽量使用原生的js写业务脚本、以提升加载速度